<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>会员列表</title>
		<link rel="stylesheet" type="text/css" href="css/hygl.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box in">
					<a href="hygl.html">会员列表</a>
				</div>
				<div class="l-box">
					<a href="hygl2.html">会员充值记录</a>
				</div>
				<div class="l-box">
					<a href="hygl3.html">会员退消记录</a>
				</div>
				<div class="l-box">
					<a href="hygl4.html">挂失卡号列表</a>
				</div>
				<div class="l-box">
					<a href="hygl5.html">会员注销记录</a>
				</div>
				<div class="l-box">
					<a href="hygl6.html">会员会费管理</a>
				</div>
				<div class="l-box">
					<a href="hygl7.html">会员优惠券管理</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<div class="search">
						<span>条件查找<strong>|</strong></span>
		<div class="d-i-b">
			<div class="s-one d-i-b">每页显示条数：
				<div class="f-inp-s d-i-b yeshu">
					<div>
						<select name='make'>
						    <option value='默认' selected>默认</option>
						    <option value='10'>10</option>
						    <option value='30'>30</option>
						    <option value='50'>50</option>
						    <option value='100'>100</option>
						    <option value='300'>300</option>
						</select>
					</div>
					<div class="s_img">
						<img src="img/select.png"/>
					</div>
				</div>
			</div>
			<div class="s-one d-i-b">排序：
				<div class="f-inp-s d-i-b px">
					<div>
						<select name='make'>
						    <option value='注册日期' selected>注册日期</option>
						    <option value='卡号'>卡号</option>
						    <option value='真实姓名'>真实姓名</option>
						    <option value='手机号'>手机号</option>
						</select>
					</div>
					<div class="s_img">
						<img src="img/select.png"/>
					</div>
				</div>
			</div>
			<div class="s-one d-i-b">搜索选项：
				<div class="f-inp-s d-i-b">
					<div>
						<select name='make'>
						    <option value='提现账号'selected>手机号</option>
						    <option value='昵称'>昵称</option>
						    <option value='身份证号'>身份证号</option>
						    <option value='提现方式'>提现方式</option>
						    <option value='真实姓名'>真实姓名</option>
						</select>
					</div>
					<div class="s_img">
						<img src="img/select.png"/>
					</div>
				</div>
				<input type="text" style="padding-left: 5px;margin-left: 5px;">
				<button class="btn-s">搜索</button>
				<button class="daochu">Excel导出</button>
			</div>
		</div>
	</div>
		<table border="1" cellspacing="0" cellpadding="0">
						<tr>
							<th style="width: 30px;">编辑</th>
			                <th style="width: 30px;">删除</th>
			                <th style="width: 60px;">重设密码</th>
			                <th style="width: 130px;">操作</th>
			                <th>真实姓名</th>
			                <th>身份证号</th>
			                <th style="width: 120px;">昵称</th>
			                <th style="width: 50px;">手机号</th>
			                <th>当前余额(元)</th>
			                <th>赠送金额(元)</th>
			                <th>积分</th>
			                <th>压金(元)</th>
			                <th>注册日期</th>
						</tr>
						<tr>
							<td><a href="hygl1-1.html"><img src="img/xiugai.png"/></a></td>
							<td><a href="#"><img src="img/shanchu.png"/></a></td>
							<td><a href="#" class="chongshemm"><img src="img/chongshemm.png"/></a></td>
							<td>
								<a href="hygl1-2.html">充值</a>|
								<a href="hygl1-3.html">退消</a>|
								<a href="" onclick="javascript:return confirm('确定要设置为挂失状态吗？');">挂失</a>|
								<a href="" onclick="javascript:return confirm('确定要注销该会员吗？');">注销</a>
							</td>
							<td></td>
							<td></td>
							<td>多1°执着</td>
							<td>18787356681</td>
							<td>0.00</td>
							<td>0.00</td>
							<td>0</td>
							<td>0.00</td>
							<td>2017-11-26 23:39:23</td>
						</tr>
						<tr>
							<td><a href="hygl1-1.html"><img src="img/xiugai.png"/></a></td>
							<td><a href="#"><img src="img/shanchu.png"/></a></td>
							<td><a href="#" class="chongshemm"><img src="img/chongshemm.png"/></a></td>
							<td>
								<a href="hygl1-2.html">充值</a>|
								<a href="hygl1-3.html">退消</a>|
								<a href="" onclick="javascript:return confirm('确定要设置为挂失状态吗？');">挂失</a>|
								<a href="" onclick="javascript:return confirm('确定要注销该会员吗？');">注销</a>
							</td>
							<td></td>
							<td></td>
							<td>表哥</td>
							<td>15302251372</td>
							<td>0.00</td>
							<td>0.00</td>
							<td>0</td>
							<td>0.00</td>
							<td>2017-11-15 14:21:51</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="mask">
			</div>
			<form action="" method="post" style="position: absolute;z-index: 200;">
				<div id="openWindowModal" class="modal in">   
				    <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				        <h3>重设密码</h3>  
				    </div>
				    <div class="modal-body">
				    	<div class="info-con">
							<p>昵称：</p><label for="">1013</label>
						</div>
						<div class="info-con">
							<p>手机号：</p><lbael>13622215462</lbael>
						</div>
						<div class="info-con">
							<p>原消费密码：</p><input type="password" name="" id="input1" value=""><span style="color: red;display: none;">*</span>
						</div>
						<div class="info-con">
							<p>新密码：</p><input type="password" name="" id="input2" value=""><span style="color: red;display: none;">*</span>
						</div>
						<div class="info-con">
							<p>再次输入新密码：</p><input type="password" name="" id="input3" value=""><span style="color: red;display: none;">*</span><span style="color: red;display: none;">两次输入的密码不一致！</span>
						</div>
				    </div>
				    <div class="modal-footer">
				        <button id="openWindowBtn" class="btn btn-primary" type="submit">确 定</button>
				        <button class="btn" data-dismiss="modal" aria-hidden="true" type="button">取 消</button>
				    </div>
				</div>
			</form>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var bw=$('body').width();
			$('.mask').width(bw-247);
			$($(".chongshemm").on('click',function(){
				$(".mask").fadeIn();
				$("#openWindowModal").fadeIn();
			}))
			$(".close").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
			$(".mask").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
			$(function(){
				$(':submit').on('click',function(){
					$('#input1').nextAll().eq(0).css('display','none');
					$('#input2').nextAll().eq(0).css('display','none');
					$('#input3').nextAll().eq(0).css('display','none');
					$('#input3').nextAll().eq(1).css('display','none');
					var input1=$.trim($('#input1').val());
					var input2=$.trim($('#input2').val());
					var input3=$.trim($('#input3').val());
					if(!input1){
						$('#input1').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(!input2){
						$('#input2').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(!input3){
						$('#input3').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(input2!=input3){
						$('#input3').nextAll().eq(1).css('display','inline-block');
						return false;
					}
				})
			})
		</script>
	</body>
</html>
